#shoppingCar{
    font-family: 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', 'Microsoft Yahei', 'Noto Sans CJK SC', 'Noto Sans S Chinese', sans-serif !important;
}
//@media screen and (min-width:256px) {
//}
//@media screen and (min-width:560px) {
//}
//@media screen and (min-width:840px) {
//}
//@media screen and (min-width:960px) {
//}
input[type=checkbox]{
  margin:0;width:15px;height:15px;position:relative;
  // vertical-align: middle;
  line-height: 12px;
  float:left;
  &::before{
    content:"";position:absolute;top:0;left:0;background-color:#fff;
    width:100%;height:100%;border:1px solid #d9d9d9;
  }
  &:checked::before{
    content: "√";background-color: #fff;position: absolute;top: 0;left: 0;width:100%;border: 1px solid #e50232;color:#e50232;font-size: 22px;font-weight: bold;
  }
}

@media screen and (min-width:256px) {
  #shoppingCar{
    #car_header{
      width:990px;margin:0 auto;
      display: flex;padding:20px 0 30px;
      justify-content: space-between;
      flex-wrap: wrap;
      .header_block{
        display: flex;align-items:center;
        justify-content: space-between; 
        padding-right:0px;
        img{
          width:150px;
        }
        span{
          font-size:30px;font-weight: 600;
          margin-left:10px;color:#333;
        }
      }
      .header_search{
        margin-top:10px;
        display: flex;
        select{
          height:35px;width:135px;
          border:2px solid #555;
          border-right:0;
          background: #f5f5f5;
          outline: none;
        }
        input{
          box-sizing:border-box;
          outline: none;border:2px solid #555;
          width:300px;height:35px;
          border-left:0;border-right:0;
          padding-left:8px;
        }
        button{
          outline: none;border:2px solid #555;
          width:100px;height:35px;
          color:#000;font-size:18px;
        }
      }
    }
  }
}

@media screen and (min-width:1441px) {
  #shoppingCar{
    #car_header{
      width:1190px;margin:0 auto;
    }
  }
}
@media screen and (min-width:256px) {
#shoppingCar{
  #car_main{
  
    width:990px;margin:0 auto;
    .car_main_ul{
      display: flex;
      position:relative;
      .car_main_ul_underline{
        position:absolute;
        top:37px;left:0px;
        width:129px;
        border-bottom:2px solid #555;
      }
      .car_ul_li{
        padding-bottom:15px;
        padding:0 0px 15px  25px;;
        font-size:16px;
        span{
          padding-right:25px;
          padding-left:5px;
          border-right:1px solid #ccc
        }
      }
      // .car_ul_li.select{
      //   border-bottom:2px solid #555;
      // }
      li:last-child>span{
        border:none;
      }
    }
    .car_main_line{
      width:990px;border:1px solid #e6e6e6;
    }
    .car_main_table{
      //设置checkbox的样式
      // border-collapse:separate;
      //   border-spacing: 0px 20px;
      font-size:#3c3c3c;line-height:18px;
      // td{border:1px solid red;}
      thead{
        tr{
          height:50px;
          td{vertical-align: middle}
          td:nth-child(1){width:125px;padding-left:15px;}
          td:nth-child(2){width:221px;padding-left:10px;}
          td:nth-child(3){width:192px ;padding-left:10px;}
          td:nth-child(4){width:120px ;padding-left:10px;}
          td:nth-child(5){width:120px ;padding-left:10px;}
          td:nth-child(6){width:105px;padding-left:0px;}
          td:nth-child(7){width:99px ;padding-left:15px;}
          td:nth-child(1){
            span{
              float:left;margin-left:10px;
            }
          }
        }
      }
      tbody{
        // td{
          // background-color:#fcfcfc;
          // border-top:1px solid #cccccc;
          // border-bottom:1px solid #cccccc;
          // &:first-child{border-left:1px solid #cccccc;}
          // &:last-child{border-right:1px solid #cccccc;}
        // }
        tr{
          // &:nth-child(2n){
          //   height:20px;
          // }
         
            border:1px solid #cccccc;
            background-color:#fcfcfc;
          
          // padding-bottom:20px;
          // background-color:#fcfcfc; 
          // // border:1px solid #cccccc;
          // margin-bottom:10px;
          // box-sizing:border-box;
        }
        tr{
          // height:50px;
          td{
            vertical-align: top;
            padding:20px 0;
          }
          td:nth-child(1){width:45px;padding-left:15px;}
          td:nth-child(2){
            width:80px;
            img{
              width:80px;height:80px;
            }
          }
          td:nth-child(3){
            padding-left:10px;padding-right:25px;
            span{
              display: block;
              line-height: 18px;
            }
          }
          td:nth-child(4){
            padding-left:10px;
            padding-right:20px;
            h3,h4{
              color:#9c9c9c;
              text-align: left;
            }
            
          }
          td:nth-child(5){
            padding-left:10px;
            span{
              display: block;
              &:first-child{
                color:#9c9c9c;
                text-decoration: line-through;
              }
              &:last-child{
                font-weight: 700;
              }
            }
          }
          td:nth-child(6){
            padding-left:10px;
            div{
              display: flex;
              width:100px;
              button{
                cursor:pointer;
                position:relative;
                width:19px;height:25px;
                border: 1px solid #e5e5e5;
                background: #f0f0f0;
                text-align: center;
                outline:none;
                &:first-child{border-right: 1px solid #aaa;}
                &:last-child{border-left: 1px solid #aaa;}
                &:hover{
                  border: 1px solid red;
                }
              }
              // btn样式
              .btnDisabled{
                cursor:default;
                &:hover{
                  border: 1px solid #aaa;
                }
              }
              .btnDisabled::before{
                content:"";
                position:absolute;
                top:-1px;left:-1px;
                width:18px;height:25px;
                background-color:#eee; 
              }
              input{
                transition:0.3s linear;
                width:41px;height:25px;
                border:none;
                outline:none;
                border-top: 1px solid #aaa;
                border-bottom: 1px solid #aaa;
                box-sizing: border-box;
                text-align: center;
              }
            }
          }
          td:nth-child(7){
            padding-left:0px;
            color:#ff4400;
            font-weight: 700;
          }
          td:nth-child(8){
            padding-left:15px;
            a{
              display: block;
              margin-bottom:3px;
              &:hover{
                color:#FF4400;
                text-decoration:underline;
              }
            }
          }
        }
      }
    }
  }
}
}

@media screen and (min-width:1441px) {
  #shoppingCar{ 
    #car_main{
      width:1190px;margin:0 auto;
      .car_main_line{
        width:1190px;
      }
      .car_main_table{
        thead{
          tr{
            td:nth-child(1){width:125px;padding-left:15px;}
            td:nth-child(2){width:261px;padding-left:10px;}
            td:nth-child(3){width:232px ;padding-left:10px;}
            td:nth-child(4){width:120px ;padding-left:10px;}
            td:nth-child(5){width:120px ;padding-left:10px;}
            td:nth-child(6){width:140px;padding-left:0px;}
            td:nth-child(7){width:99px ;padding-left:15px;}
          }
        }
      }
    } 
  }
}

@media  screen and (min-width:256px) {
  #shoppingCar{
    #car_settle.fixedBottom{
      position:fixed;
      bottom:0px;
      left:50%;margin-left:-495px;
      margin-bottom:0px;
    }
    #car_settle{
      color:#3c3c3c;
      width:990px;margin:0 auto 40px;height:50px;
      background-color:#e5e5e5; 
      display: flex;
      justify-content: space-between;
      .settle_left{
        display:flex;
        align-items:center;
        div{
          margin-left:5px;
          display: flex;
          input{
          }
          span{
            margin-left:5px;
            color:#000;
          }
        }
        a{
          margin-left:25px;
          color:#3c3c3c;
        }
      }
      .settle_right{
        display: flex;align-items:center;
        .right_1{
          height:50px;cursor:pointer;
          display: flex;align-items:center;
          margin-right:40px;
          .right_1_num{
            color:#ff4400;font-size:18px;padding:0 5px;
            font-weight: 700;
          }
          .right_1_icon{
            margin-left:6px;
            width:5px;height:6px;
            background: url() no-repeat -9999px -9999px ;
          }
        }
        .right_2{}
        .right_3{
          padding:0 3px;
          span{color:#ff4400;font-size:14px}
          .right_3_total{font-size:22px;font-weight: 700;}
        }
        .right_btn{
          width:120px;height:50px;
          line-height:50px;background-color:#ff4400;
          color:#fff;font-size:20px;
          text-align: center; 
        }
      }
    }
  }
}

@media  screen and (min-width:1441px) {
  #shoppingCar{
    #car_settle.fixedBottom{
      position:fixed;
      bottom:0px;
      left:50%;margin-left:-595px;
    }
    #car_settle{
      color:#3c3c3c;
      width:1190px;
    }
  }
}